遍歷物件 for in 和 for of


Posted by Rich on 2021-08-31

遇到物件的時候要怎麼遍歷每個 key 或 value 呢?
如果是 array 就好辦了,用 .map .filter .reduce 都可以(因為最近剛會這幾個)。
但物件的話上面這些方法都不能用,因為只有 array 可以用。
常搞混的 for in for of 差在哪裡呢?
for in 是遍歷 key 值。
for of 是遍歷 value 值。

Object.entries() 搭配 forEach ,就可以把物件的 key 和 value 同時拿到。

Object.entries(obj).forEach((item) => {
  let [key, value] = item;
  console.log(key); // name 、 age 、 height 、 weight
  console.log(value); // Danny 、 26 、 180 、 72
});

先這樣,有遇到再紀錄。










Related Posts

Vue.js 學習旅程Mile 2 – 環境建置篇

Vue.js 學習旅程Mile 2 – 環境建置篇

JavaScript 程式執行原理:JS實現物件導向

JavaScript 程式執行原理:JS實現物件導向

學習 Git (1) - 安裝 Git & 基本設定

學習 Git (1) - 安裝 Git & 基本設定


Comments